
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>CLaboral</title>
        <link rel="shortcut icon" href="../../img/red.png">
        <link rel="stylesheet" href="../../css/bootstrap.css"> 
        <script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
    </head>

    <body>
        <div class="navbar navbar-fixed-top" style="position: relative">
            <div class="navbar-inner">
                <div class="container" style="width: auto; padding: 0 20px;">
                    <ul class="nav">
                        <li><a href="#">nombre de usuario :D - User</a></li>
                    </ul>
                    <a href="" class="btn pull-right">Cerrar Sessión?</a>
                </div>
            </div>
        </div>
        <div>  
            <div class="carousel slide">
                <div class="carousel-inner">
                    <div class="item active">
                        <header class="unit hero-unit">
                            <h1>CLaboral</h1><br>
                            <p>Plataforma RED :D</p>
                        </header>
                    </div>
                </div>
            </div>
        </div> 
        <br>

        <div class="row-fluid" style=" width: 80%; padding:0 10%;">
            <div class="span2">
                <ul class="nav nav-list well">
                    <li><a href="#"><i class="icon-home"></i> Home</a></li>
                    <li><a href="#"><i class="icon-chevron-right"></i> Usuarios</a></li>
                    <li><a href="#"><i class="icon-chevron-right"></i> Calendario</a></li>
                    <li><a href="#"><i class="icon-chevron-right"></i> Estadísticas</a></li>
                    <li class="active"><a href="#"><i class="icon-chevron-right"></i> Contraseña</a></li>               
                </ul>
            </div>
            <div class="span4 offset2">

                <div class="thumbnail">
                    <div class="modal-header">

                        <h3>Cambiar Clave</h3>
                    </div>
                    <div class="modal-body">
                        <form class="well form-inline" method="post" action="ServletLogin">
                            <div class="alert alert-error">Los datos ingresados son incorrectos</div>
                            <div class="control-group">
                                <label class="control-label">Clave antigua</label>
                                <div class="controls">
                                    <input type="password" name="lastpassword">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Clave Nueva</label>
                                <div class="controls">
                                    <input type="password" name="newpassword">
                                </div>
                            </div>
							<div class="control-group">
                                <label class="control-label">Repetir Clave Nueva</label>
                                <div class="controls">
                                    <input type="password" name="newpasswordagain">
                                </div>
                            </div>
                            <div class="control-group">
                                <div class="controls">
                                    
                                    &nbsp;&nbsp;&nbsp;<button type="submit" class="btn btn-success pull-right">Cambiar</button>
                                </div>
                            </div>

                        </form> 

                    </div>                    
                </div>


            </div>
            
        </div>


        <div class="container"  style="padding-top: 50px;"><hr>
            <footer class="footer">
                <p style="text-align: center;">
                    &copy; 2013 RED - Lima, Perú<br> 
                    Comentarios y/o sugerencias: <a href="mailto:contacto@red.net.pe">contacto@red.net.pe</a></p>

            </footer></div>
    </body>
</html>